<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
        <title>每日一思</title>
        <link rel="shortcut icon" href="images/favicon.png" />
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png" />
    
        <link rel="stylesheet" href="css/PersonalDevelopmentApp.css" />
        <link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />
        
        <script src="js/jquery-1.7.1.js"></script>
        <script>
			var jq=jQuery.noConflict();
        </script>

		<script src="js/jquery.mobile-1.1.0.min.js"></script>
		<script src="js/jquery.tmpl.min.js"></script>
        
    </head>
    <body onload="WL.Client.init({})" id="content">

		<!-- 每日一思列表页面 -->
		<div data-role="page" id="Category_ThoughtsListPage" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>每日一思</h3>
				<a data-icon="refresh" class="ui-btn-left" onclick="loadThoughts(owner_id)">刷新</a>
				<a href="#NewThoughtDialog" data-icon="plus" class="ui-btn-right" data-rel="dialog" data-transition="pop">新建</a>
			</div> 
			<div data-role="content">
				<ul data-role="listview" id="ThoughtsList"></ul>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#Category_ThoughtsListPage" data-icon="grid" class="ui-btn-active ui-state-persist">每日一思</a></li>
						<li><a href="#Category_GoalsListPage" data-icon="grid">发展目标</a></li>
						<li><a href="#Category_SharedThoughtsPage" data-icon="grid">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info">关于</a></li>
					</ul>
				</div>
			</div>
		</div> 
		
		<!-- 每日一思详细内容页面 -->
		<div data-role="page" id="Content_ThoughtPage" data-add-back-btn="false" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<a href="index.html" data-role="button" data-ref="back" data-icon="back">返回</a>
				<h3 id="ThoughtTitle"></h3>
				<a href="#NewThoughtDialog" data-role="button" data-icon="gear" data-rel="dialog">新建</a>
			</div> 
			<div data-role="content" id="ThoughtContent">
			</div> 
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a class="shareThoughtBtn" href="#Content_ThoughtPage" data-icon="star">分享</a></li>
						<li><a class="modifyThoughtBtn" href="#Content_ThoughtPage" data-icon="refresh">更新</a></li>
						<li><a class="deleteThoughtBtn" href="#Content_ThoughtPage" data-icon="minus">删除</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!-- 发展目标列表页面 -->
		<div data-role="page" id="Category_GoalsListPage" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>发展目标</h3>
				<a href="#" data-icon="refresh" class="ui-btn-left" onclick="loadGoals(owner_id)">刷新</a>
				<a href="dialog.html" id="offline" data-icon="gear" class="ui-btn-right" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content">
				<ul data-role="listview" id="GoalsList"></ul>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#Category_ThoughtsListPage" data-icon="grid">每日一思</a></li>
						<li><a href="#Category_GoalsListPage" data-icon="grid" class="ui-btn-active ui-state-persist">发展目标</a></li>
						<li><a href="#Category_SharedThoughtsPage" data-icon="grid">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info">关于</a></li>
					</ul>
				</div>
			</div>
		</div> 
		
		<!-- 发展目标详细内容页面 -->
		<div data-role="page" id="Content_GoalPage" data-add-back-btn="false" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<a href="index.html" data-role="button" data-ref="back" data-icon="back">返回</a>
				<h3 id="GoalTitle"></h3>
				<a href="#dialog" data-role="button" data-icon="gear" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content" id="GoalContent">
			</div> 
		</div>
		
		<!-- 分享目标列表页面 -->
		<div data-role="page" id="Category_SharedThoughtsPage" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>精彩分享</h3>
				<a href="#" data-icon="refresh" class="ui-btn-left" onclick="loadSharedThoughts(owner_id)">刷新</a>
				<a href="dialog.html" id="offline" data-icon="gear" class="ui-btn-right" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content">
				<ul data-role="listview" id="SharedThoughtsList"></ul>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#Category_ThoughtsListPage" data-icon="grid">每日一思</a></li>
						<li><a href="#Category_GoalsListPage" data-icon="grid">发展目标</a></li>
						<li><a href="#Category_SharedThoughtsPage" data-icon="grid" class="ui-btn-active ui-state-persist">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info">关于</a></li>
					</ul>
				</div>
			</div>
		</div>  
		
		<!-- 精彩分享内容页面 -->
		<div data-role="page" id="Content_SharedThoughtPage" data-add-back-btn="false" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<a href="index.html" data-role="button" data-ref="back" data-icon="back">返回</a>
				<h3 id="SharedThoughtTitle"></h3>
				<a href="#dialog" data-role="button" data-icon="gear" data-rel="dialog">设置</a>
			</div> 
			<div data-role="content" id="SharedThoughtContent">
			</div> 
		</div>
		
		
		<!-- 关于应用介绍页面 -->
		<div data-role="page" id="AboutPage" data-theme="c" data-add-back-btn="true" > 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>关于</h3>
				<a href="#dialog" data-role="button" data-rel="dialog" data-icon="gear" class="ui-btn-right">设置</a>
			</div>
			<div data-role="content" id="AboutContent">
				<div id="aboutWorklightTitle"></div>
				<div id="aboutWorklightText">Efficiently develop, run and manage HTML5, hybrid and native apps for smartphones and tablets with the Worklight platform and tools.</div>
				<div id="aboutWorklightLink">www.worklight.com</div>
			</div>
			<div data-role="footer" data-id="persistent_footer" data-position="fixed" data-theme="c">
				<div data-role="navbar">
					<ul>
						<li><a href="#Category_ThoughtsListPage" data-icon="grid">每日一思</a></li>
						<li><a href="#Category_GoalsListPage" data-icon="grid">发展目标</a></li>
						<li><a href="#Category_SharedThoughtsPage" data-icon="grid">精彩分享</a></li>
						<li><a href="#AboutPage" data-icon="info" class="ui-btn-active ui-state-persist">关于应用</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		<!-- 设置对话框页面 -->
		<div data-role="dialog" id="ModifyDialog" data-theme="c"> 
			
			<div data-role="content" data-theme="c">
				<h3>编辑记录</h3>
				<a class="shareThoughtBtn" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">分享</a>     
				<a class="deleteThoughtBtn" data-role="button" data-rel="dialog" data-transition="slidedown" data-theme="b">删除</a>      
				 		  
				<a data-role="button" data-rel="back" data-theme="a">取消</a>   		
			</div> 
		</div>
		
		<!-- 添加新思考-->
		<div data-role="dialog" id="NewThoughtDialog" data-theme="c"> 
			<div data-role="header" data-position="fixed" data-theme="c">
				<h3>新建记录</h3>
			</div>
			<div data-role="content" id="NewThoughtContent">
				<label for="thoughtArea">解决挑战:</label>
				<textarea name="textarea" id="thoughtOfThoughtArea"></textarea>
				<label for="actionArea">行为模式:</label>
				<textarea name="textarea" id="actionOfThoughtArea"></textarea>

				<a id="testbtn" href="#Category_ThoughtsListPage" data-role="button" data-icon="delete" data-theme="c" data-inline="true" data-mini="true">Cancel</a>
				<a id="submitNewThoughtBtn" data-role="button" data-icon="check" data-theme="c" data-inline="true" data-mini="true">Save</a>
			</div>
		</div>
		
		<!-- 错误对话框 -->
		<div data-role="dialog" id="ErrorMsgDialog" data-theme="c"> 
			
			<div data-role="content" data-theme="c">
				<h3>错误信息</h3>
				<p id="errorMsg"></p> 
				<a data-role="button" data-rel="back" data-theme="a">确定</a>   		
			</div> 
		</div>
    	
        <script src="js/PersonalDevelopmentApp.js"></script>
        <script src="js/messages.js"></script>
        <script src="js/auth.js"></script>
        <script src="js/events.js"></script>
        
    </body>
</html>